<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta http-equiv="X-UA-Compatible" content="chrome=1">
        <title>【官方网站】于文龙 by yuwenlong</title>
        <meta property="og:title" content="【官方网站】于文龙 by yuwenlong" />
        <meta name="keywords" content="php,于文龙,文龙,go,golang,于文龙官网,于文龙个人网站,于文龙博客,于文龙个人博客,于文龙个人主页,于文龙个人作品,Longphp框架,Longphp">
        <meta name="author" content="于文龙" />
        <meta name="description" content="【官方网站】于文龙 by yuwenlong，为了生活可以忍，侮辱技术就不行" />
        <meta name="og:description" content="【官方网站】于文龙 by yuwenlong，为了生活可以忍，侮辱技术就不行" />
        
        <!-- Google Fonts -->
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Roboto:wght@300;400;700&display=swap" rel="stylesheet">
        
        <link rel="stylesheet" href="./static/styles.css">
        <script src="./static/scale.fix.js"></script>
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, maximum-scale=1">
        <script>
            var _hmt = _hmt || [];
            (function () {
                var hm = document.createElement("script");
                hm.src = "https://hm.baidu.com/hm.js?3343c62df5d651846c7bb9951821ded1";
                var s = document.getElementsByTagName("script")[0];
                s.parentNode.insertBefore(hm, s);
            })();
        </script>
    </head>

    <body>
        <canvas id="matrix-canvas"></canvas>
        
        <div class="glass-container">
            <header class="glass-panel">
                <canvas id="header-canvas"></canvas>
                <div class="header-content">
                    <h1 class="glitch" data-text="于文龙">于文龙</h1>
                    <p class="subtitle">为了生活可以忍，侮辱技术就不行</p>
                </div>
            </header>
            
            <main class="profile-grid">
                <div class="profile-card glass-panel tilt-card">
                    <div class="profile-header">
                        <div class="avatar-container">
                            <img src="./static/11555324.png" alt="个人照片" class="avatar">
                            <div class="avatar-glow"></div>
                        </div>
                        <div class="profile-title">
                            <h2>于文龙</h2>
                            <span class="badge">Full Stack Developer</span>
                        </div>
                    </div>
                    
                    <div class="info-list">
                        <div class="info-item">
                            <span class="label">性别</span>
                            <span class="value">男</span>
                        </div>
                        <div class="info-item">
                            <span class="label">邮箱</span>
                            <a href="mailto:yuwenlong@88.com" class="neon-link">yuwenlong@88.com</a>
                        </div>
                        <div class="info-item">
                            <span class="label">微博</span>
                            <a href="https://weibo.com/wenlonglong" target="_blank" class="neon-link">@于文龙</a>
                        </div>
                        <div class="info-item">
                            <span class="label">主页</span>
                            <a href="https://yuwenlong.cn/" class="neon-link">yuwenlong.cn</a>
                        </div>
                        <div class="info-item">
                            <span class="label">作品</span>
                            <a href="https://longphp.com/" class="neon-link">Longphp框架</a>
                        </div>
                    </div>

                    <div class="section-divider"></div>

                    <div class="tools-section">
                        <h3><i class="icon-tools"></i> 实用工具</h3>
                        <div class="link-grid">
                            <a href="./tools/fs/index.html" class="grid-item">查询目录文件数</a>
                            <a href="./tools/analysisLog/index.html" class="grid-item">Nginx日志分析</a>
                        </div>
                    </div>

                    <div class="section-divider"></div>

                    <div class="domains-section">
                        <h3><i class="icon-domain"></i> 出售域名</h3>
                        <div class="link-grid">
                            <a href="http://fujugu.com" target="_blank" class="grid-item">fujugu.com</a>
                            <a href="http://tieci.net" target="_blank" class="grid-item">tieci.net</a>
                            <a href="http://kanni.net" target="_blank" class="grid-item">kanni.net</a>
                            <a href="https://www.afternic.com/confirmbuy/huayou.app" target="_blank" class="grid-item">huayou.app</a>
                        </div>
                    </div>
                </div>
            </main>

            <div class="qr-section glass-panel">
                <div class="qr-card">
                    <img src="./static/weixinqrcode.jpg" alt="微信二维码">
                    <span>微信</span>
                </div>
                <div class="qr-card">
                    <img src="./static/qqqrcode.jpg" alt="QQ二维码">
                    <span>QQ</span>
                </div>
            </div>
        </div>

        <footer class="glass-panel">
            <p>© 2022 Powered by <span class="brand">yuwenlong</span></p>
            <a href="https://beian.miit.gov.cn" target="_blank" class="beian">京ICP备2022003683号-5</a>
        </footer>

        <script src="./static/matrix.js"></script>
        <script src="./static/header_chart.js" defer></script>
        <script>
            // Simple tilt effect
            document.addEventListener('mousemove', (e) => {
                const cards = document.querySelectorAll('.tilt-card');
                cards.forEach(card => {
                    const rect = card.getBoundingClientRect();
                    const x = e.clientX - rect.left;
                    const y = e.clientY - rect.top;
                    
                    const centerX = rect.width / 2;
                    const centerY = rect.height / 2;
                    
                    const rotateX = ((y - centerY) / centerY) * -2; // Max rotation deg
                    const rotateY = ((x - centerX) / centerX) * 2;

                    card.style.transform = `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;
                });
            });
            
            // Reset on mouse leave
            document.addEventListener('mouseleave', () => {
                const cards = document.querySelectorAll('.tilt-card');
                cards.forEach(card => {
                    card.style.transform = 'perspective(1000px) rotateX(0) rotateY(0)';
                });
            });
        </script>
    </body>
</html>